<template>
  <div 
    @click="handleSeleteDate" 
    class="row-start-center mr-[2px] text-[12px] relative right-[10px]"
  >
    <img :src="calendarImg" class="w-[12px] h-[12px] mr-[2px]" alt="">
    <div>选择日期</div>
   
  </div>
  <van-date-picker
    class="fixed bottom-0"
    v-if="showStartDatePicker"
    @cancel="showStartDatePicker = false"
    title="选择开始日期"
  />
  <van-date-picker
    v-if="showEndDatePicker"
    @cancel="showEndDatePicker = false"
    title="选择结束日期"
  />
</template>

<script setup lang="ts">
import calendarImg from '@/assets/images/calendar.png'
const showStartDatePicker = ref(false)
const showEndDatePicker = ref(false)
const handleSeleteDate = ()=>{
  showStartDatePicker.value = true
}
</script>